<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Basic 1.1//EN" "http://www.w3.org/TR/xhtml-basic/xhtml-basic11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script>
	!function(){
		if((!orangeHomeLink)){
			location.reload();
			console.log("Error occurs: orangeHomeLink init fail, reloading.");
		}
		else
			console.log("yes, init successfully!");
	}();
</script>
<title>9点3刻主页</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="HandheldFriendly" content="true" />
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no,target-densitydpi=medium-dpi"/>
<link rel="stylesheet" type="text/css" href="css/webzine.css" />
</head>
<body>
    <div class="panel" id="webcarousel"> 
        <div id="carousel" style="text-align:center;height:100%; width:200%; z-index:500;">
			<div class="page" id="page1">
                <div class="pageTitle">
					快速访问
					<div ontouchstart="callNative(arguments[0],'readlist',this)" ontouchmove="cancel(arguments[0], this)" class="titleIcon" style="background:url(./images/readlist.png) top left no-repeat;background-size:20px 17px;padding-right:8px"></div>
					<img class="line" src="./images/line.png"  onclick="callNative(arguments[0])"></img>
					<div ontouchstart="callNative(arguments[0],'history',this)" ontouchmove="cancel(arguments[0], this)" class="titleIcon" style="background:url(./images/history.png) top left no-repeat"></div>
					<img class="line" src="./images/line.png" onclick="callNative(arguments[0])"></img>
					<div ontouchstart="callNative(arguments[0],'bookmark',this)" ontouchmove="cancel(arguments[0], this)" class="titleIcon" style="background:url(./images/bookmark.png) top left no-repeat;"></div>
                </div>
				<div class="urlContainer">
					<div id="urlIcons"  style="width:100%;height:100%;position:relative;"></div>
				</div>
			</div>    
			<div class="page" id="page2">
				<div class="pageTitle">
					最多访问
				</div>	
				<div class="mostVisited">
					<div id="mostVisited" style="width:100%;height:100%;position:relative;">
						<div class="mvItem">
							<span></span>
							<span></span>
							<img src="./images/mvArrow.png" class="arrow"></img>
						</div>
						<div class="mvItem">
							<span></span>
							<span></span>
							<img src="./images/mvArrow.png" class="arrow"></img>
						</div>
						<div class="mvItem">
							<span></span>
							<span></span>
							<img src="./images/mvArrow.png" class="arrow"></img>
						</div>
						<div class="mvItem">
							<span></span>
							<span></span>
							<img src="./images/mvArrow.png" class="arrow"></img>
						</div>
						<div class="mvItem" style="background:none">
							<span></span>
							<span></span>
							<img src="./images/mvArrow.png" class="arrow"></img>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div id="carousel_dots">
	<div id="carousel_0"></div>
	<div id="carousel_1"></div>
	</div>
	<div id="head">
	<div id="colorbar"></div>
	</div>
	<script type="text/javascript" src="js/home.js"></script>
	<script type="text/javascript" src="js/jq.carousel.js"></script>
</body>
</html>
